<!doctype html>
<html lang="en-gb" class="no-js">
<head>
   {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'blog/css/homepagestyle.css' %}" />
<style>

#title_categorys {
    padding-top: 8px;
    font-size: 14px;
    color: #6b6b6b;
}

#section {
    margin-top:50px;
    font-family: SimSun;
    float:left;
    width:80%;
    line-height:200%;
}

#article_title{
    border-bottom: 2px solid #d3d3d3;
}

blockquote {
    padding-left: 1em;
    margin: 1em 0;
    color: #8590a6;
    border-left: 4px solid #d3d3d3;
}


</style>
</head>
<body>
    <div id="header">
        <ul>
          <li style="margin-left:80px"><a href="http://192.168.9.128:8000">首页</a></li>
          <li><a href="#">Python专题</a></li>
          <li><a href="#">网页专题</a></li>
          <li><a href="#">编辑</a></li>
          <li style="float:right;margin-right:50px"><a href="http://192.168.9.128:8000/admin">About Me</a></li>
        </ul>
    </div>
    <div id="columns-container">
        <div id="blog">
            <div id="section">
                <h1 id="article_title">{{blog_article.title}}</h1>
                <p id="title_categorys">发布日期：{{blog_article.pub_date}} 更新日期：{{blog_article.update_time}}  标签：{{blog_article.category}} </p>
                <article>
                {% autoescape off %}
                    {{blog_article.content}}
                {% endautoescape %}
                </article>
            </div>
        </div>
        <div id="blog-information">
                <h2>最近更新文章：</h2>
                {% for article in updated_article_list %}
                <h3>
                    <a href="{% url 'detail' article.id%}">
                        {{ article.title }}
                    </a>
                </h3>
                <p>
                    更新日期：{{article.update_time}} 更新作者：{{article.author}} 阅读：{{article.read_times}}次
                </p>
                {% endfor %}
        </div>
    </div>
</body>
</html>